<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="author" content="Luka Cvrk (www.solucija.com)" />
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
        {% block stylesheets %}
            <link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css" />
            <link href="{{ asset('css/jquery-ui-1.8.16.custom.css') }}" rel="stylesheet" type="text/css" />
        {% endblock %}
        {% block javascripts %}
            <script type="text/javascript" src="{{ asset('js/jquery-1.6.2.min.js') }}"></script>
            <script type="text/javascript" src="{{ asset('js/jquery-ui-1.8.16.custom.min.js') }}"></script>
        {% endblock %}
        <script type="text/javascript">
            
                $(function(){
                {% block pre_init_javascript %}
                {% endblock %}
                });
            
            </script>
	<title>{% block title %}Welcome!{% endblock %}</title>
</head>
<body>
	<div class="content">
		<div class="header">
			<div class="top_info">
				<div class="top_info_right">
					<p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your messages.<br />
					Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p>
				</div>		
				<div class="top_info_left">
					<p><b>28. March, 2007</b> - Wednesday<br />
					Check todays <a href="#">hot topics</a> or <a href="#">new products</a></p>
				</div>
			</div>
			<div class="logo">
				<h1><a href="#" title="Centralized Internet Services">Internet<span class="orange">Services</span></a><sup>2nd edition</sup></h1>
			</div>
		</div>
		
		<div class="bar">
			<ul>
				<li class="browse_category">Browse through categories:</li>
				<li><a href="#" accesskey="i">Internet</a></li>
				<li class="active">People</li>
				<li><a href="#" accesskey="m">Music</a></li>
				<li><a href="#" accesskey="p">Pictures</a></li>
				<li><a href="#" accesskey="s">Services</a></li>
				<li><a href="#" accesskey="r">Products</a></li>
			</ul>
		</div>
		<div class="search_field">
			<form method="post" action="?">
				<div class="search_form">
				<p>Search for Services:  <input type="text" name="search" class="search" /> <input type="submit" value="Search" class="submit" /> <a class="grey" href="#">Advanced</a></p>
				</div>
			</form>
			{% include 'AcmeFirmUsersBundle:Security:user_menu.html.twig'%} 
                        
                        
		</div>
		
		<div class="left">
                    {% block body %}{% endblock %}
			
		</div>
		
		<div class="right">
			<h3>Top Articles:</h3>
			<div class="right_articles">
				<p><img src="{{ asset('images/image.gif') }}" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
			</div>
			<div class="right_articles">
				<p><img src="{{ asset('images/image.gif') }}" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
			</div>
			<h3>Related Readings:</h3>
			<div class="right_articles">
				<p><img src="{{ asset('images/image.gif') }}" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
			</div>
			<div class="right_articles">
				<p><img src="{{ asset('images/image.gif') }}" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
			</div>
			<div class="right_articles">
				<p><img src="{{ asset('images/image.gif') }}" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</p>
			</div>
                        {% if app.session.hasFlash('notice') %}
			{% include 'AcmePageBundle:Default:notifications.html.twig' %}
                        {% endif %}
                        
                        {% if app.session.hasFlash('error') %}
			{% include 'AcmePageBundle:Default:notifications.html.twig' %}
                        {% endif %}
		</div>	
		<div class="footer">
			<p><a href="#">RSS Feed</a> | <a href="#">Contact</a> | <a href="#">Accessibility</a> | <a href="#">Products</a> | <a href="#">Disclaimer</a> | <a href="http://www.4templates.com/?aff=solucija">Professional CSS Templates</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />
			&copy; Copyright 2007 Internet Services - 2nd Edition, Design: <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Luka Cvrk</a></p>
		</div>
	</div>
        
            <script type="text/javascript">
            
                $(function(){
                {% block post_init_javascript %}
                {% endblock %}
                });
            
            </script>
            {% block post_javascripts %}
            {% endblock %}                
</body>
</html>